<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人信息</title>
<link type="text/css" rel="stylesheet" href="/css/personal.css">
<link type="text/css" rel="stylesheet" href="/css/common.css">
<link type="text/css" rel="stylesheet" href="/css/project.css">
<link type="text/css" rel="stylesheet" href="/css/calender/calender.css">
	<link type="text/css" rel="stylesheet" href="/css/faqi.css">
<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/js/layer/layer.js"></script>
<script type="text/javascript" src="/js/date/calender.js"></script>
	<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/personal.js"></script>
	<link rel="stylesheet" href="/css/eleui.min.css">
	<script src="/js/element-ui/vue.min.js"></script>
	<script src="/js/element-ui/element-ui.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){


})
</script>

</head>

<body>
<header id="indexHeader"></header>

<div class="grzxBox">

<div class="personalBox">
	<!--左侧导航栏begin-->
	<div class="personalBox_left" id="card_btn">
    	<div class="personalBox_left_box">
        	<h3>我的</h3>
            <div class="personalBox_left_m">
            	<a href="javascript:f_display('myLaunch')">我的发起</a>
            </div>
            <div class="personalBox_left_m">
            	<a href="javascript:f_display('myOrder')" id="myOrderShow">我的订单</a>
            </div>
            <div class="personalBox_left_m">
            	<a href="javascript:f_display('myProject')" id="myProjectShow">订单处理</a>
            </div>
            <div class="personalBox_left_m">
            	<a>我的关注</a>
            </div>
        </div>

		<div class="personalBox_left_box">
			<h3>钱包</h3>
			<div class="personalBox_left_m">
				<a href="javascript:f_display('myAccount')">我的钱包</a>
			</div>
		</div>
        
        <div class="personalBox_left_box">
            <h3>消息</h3>
            <div class="personalBox_left_m">
                <a href="javascript:f_display('myPinglun')">我的评论</a>
            </div>
            <div class="personalBox_left_m">
                <a href="javascript:f_display('mySixin')">我的私信</a>
            </div>
        </div>
            
        <div class="personalBox_left_box">
           <h3>设置</h3>
           <div class="personalBox_left_m">
           	<a href="javascript:f_display('myZiliao')">个人资料</a>
           </div>
           <div class="personalBox_left_m">
           	<a href="javascript:f_display('myPassword')">修改密码</a>
           </div>
           <div class="personalBox_left_m">
           	<a href="javascript:f_display('myAddress')" id="showMyReceive">收货地址</a>
           </div> 
        </div>
            
    </div>
    <!--左侧信息栏end-->
    
    <!--右侧内容栏begin-->
    <div class="personalBox_right" >
    
    <!-- 我的发起begin -->
    
        	<div class="personalBox_right_box c_display" style="display:block;" id="myLaunch">
        	<ul class="right_box1_ul">
            	<li>我的发起</li>
                
            </ul>
            <div class="grzxTabItem">
            	<div class="grzx_ddList myLaunch_table">
                	<table>
                	
                		<colgroup>
                    		<col width="350px">
                    		<col width="100px">
                    		<col width="190px">
                    		<col width="100px">                   		
                    		<col wdith="auto">
                		</colgroup>
                    	<thead>
                        	<tr>
                        		<td>项目信息</td>
                            	<td>项目状态</td>
                           		<td>筹资进度</td>
								<td>结算状态</td>
                            	<td>操作</td>
                            </tr>
                        </thead>
                        <tbody class="launch_body" id="myProject_tbody_ajax">
                        	
                        </tbody>
                    </table>
                    <div class="pl_fanye">
                        	<div class="fy_MainBox" id="myprojectFlip">
                             
                            </div>
					</div>
                </div>
            </div>
        </div>
    
    <!-- 我的发起end -->
    
    
    
    
    
    <!-- 我的订单begin -->
    	<div class="personalBox_right_box c_display"  style="display:none;" id="myOrder">
        	<ul class="right_box1_ul">
            	<li>全部订单</li>
                <!-- <li>未支付</li>
                <li>已支付</li> --> 
            </ul>
            <div class="grzxTabItem">
            	<div class="grzx_ddList">
                	<table>
                	
                		<colgroup>
                    		<col width="300px">
                    		<col width="60px">
                    		<col width="160px">
                    		<col width="80px">
                    		<col width="50px">
                    		<col width="90px">
                    		<col wdith="auto">
                		</colgroup>
                    	<thead>
                        	<tr>
                        		<td>项目信息</td>
                            	<td>项目状态</td>
                           		<td>回报信息</td>
                           		<td>支持金额</td>
                            	<td>支持份数</td>
                            	<td>状态</td>
                            	<td>操作</td>
                            </tr>
                        </thead>
                        <tbody class="launch_body" id="myOrderTbody">
                        </tbody>
                    </table>
					<div class="pl_fanye">
						<div class="fy_MainBox" id="myBuyOrderFlip">

						</div>
					</div>
                </div>
            </div>
        </div>
        <!-- 我的订单end -->
        
			        <!--个人信息begin-->
			
			<!--资料编辑begin-->
			<div class="personalBox_box  c_display" id="myZiliao" style="display:none;">
				<div class="personalbBox_box2_ziLiao">
			    	<ul class="right_box1_ul">
			        
			         	<li><a href="javascript:changeTXBox(1)">个人资料编辑</a></li>
			         	<li></li>
<!--			            <li><a href="javascript:changeTXBox(2)">头像编辑</a></li>-->
			            
			        </ul>
			        <div class="ziLiao_form" id="ziliaoBj">
			       	  <form id="ziliaoBjBOX">

			            </form>
			        </div>
			        	<!--资料编辑end-->
			        	
			        	<!--头像编辑begin-->
			<div class="grzx_touxiang"  style="display:none;" id="touxiangBj">
				<form>
			    	<div class="touxiang_sc">
			        	<div class="touxiang_sc_l">
			    			<p>设置你的头像</p>
			            	<p class="touxiang_yl"><img src="/img/personal/icon.jpg" class="ylImage"/></p>
			            	<p style="padding-top:15px;">仅支持GIF、JPG、PNG图片</p>
			            </div>
			            
			            <div class="touxiang_sc_r">
			            	<p>头像预览（大小：200*200）</p>
			            	<div class="img_box">
			                	<div class="img_contbox"><img src="/img/personal/icon.jpg" /></div>
			                </div>
			                <a href="javascript:;" class="sc_file">上传图片
			                	<input type="file" name="image" accept=".jpg,.png,.gif"/>
			                </a>
			            </div>
			        </div>
			        <div class="touxiang_bc">
			        	<input type="button" value="保存" class="ziLiao_box_submit" />
			        </div>
			    </form>
			</div>
			
			<!--头像编辑end-->
			    </div>

			<!--个人信息end-->
		</div>
		
			
			
			<!--修改密码begin-->
			<div class="personalBox_box  c_display" id="myPassword" style="display:none;">
				<ul class="right_box1_ul"><li>登陆密码修改</li></ul>
			    <div class="grzx_xiugai">
			    	<div class="xiugai_tishi">
			    		<img src="/img/personal/tips-ico.jpg" class="img-pass">
			        	<span>修改登陆密码后，原密码将不能用来登陆。</span>
			        </div>
			        <div class="xiugai_form">
				    	<form>
				        	<ul id="user_ziliao_passwordBOX">
				            	<li>
				                	<label>请输入旧密码：</label>
				                    <input type="text" name="oldPassword"/>
				                </li>
				                <li>
				                	<label>请输入新密码：</label>
				                    <input type="text" name="newPassword"/>
				                </li>
				                <li>
				                	<label>请确认密码：</label>
				                    <input type="text" name="newPassword2" />
				                </li>
				                <li>
				                	<div>
				                		<input type="button" value="保存" id="ziLiao_box_password_submit" class="ziLiao_box_submit" />
				                   </div>
				                </li>
				            </ul>
				        </form>
				    </div>
			    </div>
			</div>
			
			<!--修改密码end-->

		<!--个人中心项目管理begin-->
		<div class="personalBox_box c_display " style="display:none;" id="myAccount">
			<ul class="right_box1_ul">
				<li>
					<a href="javascript:;">我的钱包</a>
				</li>
			</ul>
			<div class="pj_fq">

				<!--项目信息begin-->
				<div class="fq_bodyBox" style="min-height:100%">
					<div class="fq_bodyMainBox" style="width:600px">
						<!-- 个人begin -->
						<div class="gerenInfo">
							<div class="fq_body1_content">
								<form id="myAccountInfo"  method="post" >
									<ul class="fq_body_ul">
										<li>
											<label>钱包余额</label>
											<input name="balance" readonly type="text"/>
										</li>
										<li>
											<label>创建时间</label>
											<input name="createTime" readonly type="text" />
										</li>
										<li>
											<label>最近充值时间</label>
											<input name="updateTime" readonly type="text" />
										</li>
									</ul>
								</form>
							</div>
						</div>
						<!-- 个人end -->
					</div>
					<!--项目信息end-->
					<div class="fq_footer"  style="width:600px">
						<a href="javascript:fillMyAccount();" class=" big btn  btn-blue ">立即充值</a>
					</div>
				</div>
			</div>
		</div>
			
			
			<!--个人中心项目管理begin-->
			<div class="personalBox_box c_display " style="display:none;" id="myProject">
				<ul class="right_box1_ul">
			    	<li>
						<a href="javascript:;">全部订单(<span id="allOrderCount"></span>)</a>
			        </li>
			      <!--   <li>
			        	<a href="javascript:;">待发货（0）</a>
			        </li>
			        <li>
			        	<a href="javascript:;">已发货（0）</a>
			        </li> -->
			      <!--   <li>
			        	<a href="javascript:;">无需回报（0）</a>
			        </li>
			        <li>
			        	<a href="javascript:;">已收货（0）</a>
			        </li> -->
			    </ul>
			  
				    <form class="xiangmu_search">
				    	<ul>
				        	<li><input type="text" placeholder="可输入关键字进行查询" /></li>
				            <li><input type="text" placeholder="可输入订单号进行查询" /></li>
				            <li><input type="text" placeholder="可输入手机号进行查询" /></li>
				            <li><a href="javascript:;" type="submit" class="search_btn">查询</a></li>
				        </ul>
				    </form>
			   
			    <div class="grzx_xiangmu_table" >
			    	<table>
			    		<colgroup>
			    			
			    			<col width="8%">
			    			<col width="15%">
			    			<col width="10%">
			    			<col width="6%">
			    			<col width="8%">
			    			<col width="4%">
			    			<col width="6%">
			    			<col width="6%">
			    			<col width="17%">
			    		</colgroup>
			        	<thead>
			            	<tr class="bg_tr">
			                    <td>订单号</td>
			                    <td>项目名称</td>
			                    <td>回报名称</td>
			                    <td>支持者</td>
			                    <td>创建时间</td>
			                    <td>支持份数</td>
			                    <td>支持金额</td>      
			                    <td>收货人</td>
			                    <td>收货地址</td>
			                    <td>电话</td>
			                    <td>支付状态</td>
			                    <td>操作</td>
			                 </tr>
			            </thead>
			            
			            <tbody id="myProjectTbody">
			            	<!-- <tr class="trfirst"><td colspan="9"></td></tr> -->
<!-- 						    <tr class="u_tbg_tr"> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td></td> -->
<!-- 									<td><a>发货</a></td> -->
									
<!-- 							</tr> -->
			            </tbody>
			            
			        </table>
			    </div>
			</div>
			
			<!--个人中心项目管理end-->
			
			<!--个人中心我的评论begin-->
			<div class="grzx_pinglun c_display"  style="display:none;" id="myPinglun">
				<ul class="right_box1_ul">
					<li><a href="javascript:;">我的评论</a></li>
				</ul>
				<div id="grzx_pinglunBox" style="padding-left: 20px; padding-right: 20px">
					<el-tabs v-model="activeName" @tab-click="handleClickTab">
						<el-tab-pane label="收到的评论" name="first">
							<el-table :data="dataList" border stripe v-loading="dataListLoading" :max-height="tableHeight" style="width: 100%;">
								<el-table-column prop="id" label="编号" sortable="custom" header-align="center" align="center"  width="120"></el-table-column>
								<el-table-column prop="projectTitle" label="项目名称" sortable="custom" header-align="center" align="center" width="250"></el-table-column>
								<el-table-column prop="content" label="评论内容" sortable="custom" header-align="center" align="center"></el-table-column>
								<el-table-column prop="time" label="评论时间" sortable="custom" header-align="center" align="center"></el-table-column>
<!--								<el-table-column label="操作" fixed="right" header-align="center" align="center" width="100">
									<template slot-scope="scope">
										<el-button type="text" size="small" @click="infoHandle(scope.row.idStr)" icon="el-icon-document" title="详情"></el-button>
									</template>
								</el-table-column>-->
							</el-table>
							<el-pagination @size-change="sizeChangeHandle"
										   @current-change="currentChangeHandle"
										   :current-page="queryForm.pageNum"
										   :page-sizes="pageSizes"
										   :page-size="queryForm.pageSize"
										   :total="total"
										   layout="total, sizes, prev, pager, next, jumper">
							</el-pagination>
						</el-tab-pane>
						<el-tab-pane label="我发出的评论" name="second">
							<el-table :data="dataList2" border stripe v-loading="dataListLoading2" :max-height="tableHeight" style="width: 100%;">
								<el-table-column prop="id" label="编号" sortable="custom" header-align="center" align="center"  width="120"></el-table-column>
								<el-table-column prop="projectTitle" label="项目名称" sortable="custom" header-align="center" align="center" width="250"></el-table-column>
								<el-table-column prop="content" label="评论内容" sortable="custom" header-align="center" align="center"></el-table-column>
								<el-table-column prop="time" label="评论时间" sortable="custom" header-align="center" align="center"></el-table-column>
							</el-table>
							<el-pagination @size-change="sizeChangeHandle2"
										   @current-change="currentChangeHandle2"
										   :current-page="queryForm2.pageNum"
										   :page-sizes="pageSizes"
										   :page-size="queryForm2.pageSize"
										   :total="total2"
										   layout="total, sizes, prev, pager, next, jumper">
							</el-pagination>

						</el-tab-pane>

					</el-tabs>

				</div>
			</div>
			<!--个人中心我的评论end-->
			
			<!--个人中心收货地址begin-->
			<div class="grzx_shAddress  c_display" style="display:none;" id="myAddress">
				<ul class="right_box1_ul">
			    	<li><a href="javascript:;">收货地址</a></li>
			    </ul>
			    <div class="grzx_ddList receiveinfotable">
			    	<table>
			    		<colgroup>
		                    <col width="12%">
		                   
		                    <col width="30%">
		                    <col width="15%">
		                    <col width="20%">
		                    <col wdith="auto">
               			</colgroup>
			        	<thead>
			        		
			            	<tr>
			                	<td>收件人</td>
			                    
			                    <td>详细地址</td>
			                    <td>邮编</td>
			                    <td>联系电话</td>
			                    <td>操作</td>
			                </tr>
			            </thead>
			            <tbody id="myReceive_tbody">
			           
							</tbody>
			        </table>
			        <input type="button" class="new_shdzBtn" value="新增地址" />
			    </div>
			</div>
			<!--个人中心收货地址eng-->
			
			<!--个人中心我的私信begin-->
			<div class="grzx_xiaoxi c_display" style="display:none;" id="mySixin">
				<ul class="right_box1_ul">
			    	<li><a href="javascript:;">收到的私信</a></li>
			        <li><a href="javascript:;">发出的私信</a></li>
			    </ul>
			    <div style="text-align: center;padding-top: 20px;">暂无私信</div>
			</div>
			<!--个人中心我的私信end-->
    </div>
    <!--右侧内容栏end-->
    
</div>


</div>

<footer id="indexFooter"></footer>
</body>

<script type="text/javascript">
	$("#indexHeader").load("/pages/front/common/header.html");
	$("#indexFooter").load("/pages/front/common/footer.html");
</script>
<script src="/js/element-ui/vue-resource.min.js"></script>
<script src="/js/vue-personal_info.js"></script>
</html>